<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Boss直聘-找工作我要跟老板谈</title>
    <link rel="styleSheet" type="text/css" href="../Boss_css/header_nav.css">
</head>

<body>
    <!--头部导航栏-->
    <div class="header_nav">
        <div class="inner_box">
            <div class="header_left">
                <div class="logo">
                    <a href="https://www.zhipin.com/" ka="header-home-logo" title="BOSS直聘">

                    </a>
                </div>
                <div class="switch_city">
                    <div class="select">全国</div>&nbsp;
                    <div>[切换城市]</div>
                </div>

                <div class="nav_list">
                    <div class="nav_list_item select"><a>首页</a></div>
                    <div class="nav_list_item"><a>职位</a></div>
                    <div class="nav_list_item"><a>校园</a></div>
                    <div class="nav_list_item"><a>海归</a></div>
                    <div class="nav_list_item"><a>公司</a></div>
                    <div class="nav_list_item"><a>APP</a></div>
                    <div class="nav_list_item"><a>资讯</a></div>
                    <div class="nav_list_item"><a>发现</a></div>
                </div>
            </div>

            <div class="header_right">
                <div class="nav_list">
                    <div class="nav_list_item"><a>上传简历</a></div>
                    <div class="nav_list_item">
                        <div class="hot">hot</div><a>我要找工作</a>
                    </div>
                    <div class="nav_list_item"><a>我要招聘</a></div>
                    <div class="nav_list_item"><button>注册</button></div>
                    <div class="nav_list_item"><button>登录</button></div>
                </div>
            </div>
        </div>
    </div>

    <!--注册条-->
    <div class="fast_register_box">
        <div class="inner_home">
            <img src="../images//fast-reg.png" class="icon_tip">
            <div class="inner_register_right">
                <form action="">
                    <div class="inner_register_right_img"><img src="../images//fast-reg-text.png" class="icon_reg">
                    </div>
                    <div class="input_phone">

                        <div class="ipt_phone">
                            <input type="tel" placeholder=" 输入手机号" name="phone" maxlength="11" size="15"
                                style="height:38px ;width: 166px;border: 0;" />
                        </div>

                        <div class="ipt_get">
                            <input type="password" placeholder=" 验证码" name="phoneCode" maxlength="6" size="15">
                            <span class="get">获取</span>
                        </div>

                        <!-- <input type="hidden" name="smsType" value=7> -->

                        <div><button class="login_btn">登录/注册</button></div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--搜索框-->
    <div class="search_box">
        <div class="search_home">
            <div class="search_inner_center">
                <br>
                <div class="search_inner_center_top">
                    <div class="search_ipt">
                        <div><button>职业类型</button></div>
                        <div><input type="text" placeholder=" 搜索职位,公司"></div>


                    </div>
                    <div><button class="btn_search">搜索</button></div>
                </div>

                <div class="search_hot">
                    <div class="nav_list_search"><a>热门职业:</a></div>
                    <div class="nav_list_search search"><a>java</a></div>
                    <div class="nav_list_search search"><a>产品经理</a></div>
                    <div class="nav_list_search search"><a>web前端</a></div>
                    <div class="nav_list_search search"><a>项目经理/主管</a></div>
                    <div class="nav_list_search search"><a>C++</a></div>
                    <div class="nav_list_search search"><a>运维工程师</a></div>
                    <div class="nav_list_search search"><a>数据分析师</a></div>
                    <div class="nav_list_search search"><a>算法工程师</a></div>
                    <div class="nav_list_search search"><a>平面设计</a></div>
                </div>
            </div>
        </div>
    </div>
    </div>

    <!--分类导航-->
    <div class="nav">
        <div class="nav_box">

            <div class="nav_left">
                <div class="nav_item">
                    <div class="item_content">
                        <span style="font-weight: bold;">技术</span>
                        <span class="item_text">java</span>
                        <span class="item_text">PHP</span>
                        <span class="item_text">web前端</span>
                        <span class="item_text">算法工程师</span>
                        <span class="arrow">></span>

                        <div class="panel">
                            <div class="panel_title">技术</div>
                            <div class="panel_content">
                                <div class="item_title">后端开发</div>
                                <div class="item_content_new">
                                    <div class="panel_item">java</div>
                                    <div class="panel_item">C++</div>
                                    <div class="panel_item">PHP</div>
                                    <div class="panel_item">C#</div>
                                    <div class="panel_item">NET</div>
                                    <div class="panel_item">Hadoop</div>
                                    <div class="panel_item">Python</div>
                                    <div class="panel_item">Delphi</div>
                                    <div class="panel_item">VB</div>
                                    <div class="panel_item">Perl</div>
                                    <div class="panel_item">Ruby</div>
                                    <div class="panel_item">Node.js</div>
                                    <div class="panel_item">Golang</div>
                                    <div class="panel_item">Erlang</div>
                                    <div class="panel_item">语音/视频/图形开发</div>
                                    <div class="panel_item">数据采集</div>
                                    <div class="panel_item">全栈工程师</div>
                                    <div class="panel_item">GIS工程师</div>
                                    <div class="panel_item">后端开发</div>
                                    <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%"
                                        color=#F5F6F9 SIZE=2>
                                </div>
                            </div>

                            <div class="panel_content">
                                <div class="item_title">移动开发</div>
                                <div class="item_content_new">
                                    <div class="panel_item">HTML5</div>
                                    <div class="panel_item">Android</div>
                                    <div class="panel_item">IOS</div>
                                    <div class="panel_item">移动web前端</div>
                                    <div class="panel_item">Flash开发</div>
                                    <div class="panel_item">JavaScript</div>
                                    <div class="panel_item">U3D</div>
                                    <div class="panel_item">COCOS2DX</div>
                                    <div class="panel_item">UE4</div>
                                    <div class="panel_item">移动开发</div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span style="font-weight: bold;">产品</span>
                    <span class="item_text">产品经理</span>
                    <span class="item_text">产品总监</span>
                    <span class="item_text">数据产品经理</span>
                    <span class="arrow">></span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item_content">
                    <span style="font-weight: bold;">设计</span>
                    <span class="item_text">UI设计师</span>
                    <span class="item_text">平面设计</span>
                    <span class="item_text">交互设计师</span>
                    <span class="arrow">></span>

                    <div class="panel">
                        <div class="panel_title">设计</div>
                        <div class="panel_content">
                            <div class="item_title">视觉/交互设计</div>
                            <div class="item_content_new">
                                <div class="panel_item">视觉设计</div>
                                <div class="panel_item">视觉设计师</div>
                                <div class="panel_item">网页设计师</div>
                                <div class="panel_item">Flash设计师</div>
                                <div class="panel_item">App设计师</div>
                                <div class="panel_item">UI设计师</div>
                                <div class="panel_item">平面设计</div>
                                <div class="panel_item">3D设计师</div>
                                <div class="panel_item">广告设计</div>
                                <div class="panel_item">多媒体设计</div>
                                <div class="panel_item">广告设计</div>
                                <div class="panel_item">原画师</div>
                                <div class="panel_item">CAD设计/制图</div>
                                <div class="panel_item">美工</div>
                                <div class="panel_item">包装设计</div>
                                <div class="panel_item">设计师助理</div>
                                <div class="panel_item">动画设计</div>
                                <div class="panel_item">插画师</div>
                                <div class="panel_item">漫画师</div>
                                <div class="panel_item">人像修图师</div>
                                <div class="panel_item">交互设计师</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">游戏设计</div>
                            <div class="item_content_new">
                                <div class="panel_item">游戏特效</div>
                                <div class="panel_item">游戏界面设计师</div>
                                <div class="panel_item">游戏场景</div>
                                <div class="panel_item">游戏角色</div>
                                <div class="panel_item">游戏动作</div>
                                <div class="panel_item">游戏数值策划</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">用户研究</div>
                            <div class="item_content_new">
                                <div class="panel_item">数据分析师</div>
                                <div class="panel_item">用户研究员</div>
                                <div class="panel_item">UX设计师</div>
                                <div class="panel_item">用户研究经理</div>
                                <div class="panel_item">用户研究总监</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nav_right">
                <div class="nav_right_img1">
                    <div><img src="../images/聚焦大数据.jpg" alt=""></div>
                    <div><img src="../images/算法解决一切.jpg" alt=""></div>
                </div>
                <div class="nav_right_img2">
                    <div><img src="../images/我们才是设计师.jpg" alt=""></div>
                    <div><img src="../images/缔造新世界.jpg" alt=""></div>
                    <div><img src="../images/挑战最高年薪.jpg" alt=""></div>
                </div>
            </div>

        </div>

    </div>
    </div>
    <br>

    <!--热门职位_职位tab列表-->

    <div class="box_hot_job">
        <div class="hot_job_home">
            <div class="hot_job_title">
                <span class="line1"></span>
                <div>
                    <h4>热招职位</h4>
                </div>
                <span class="line1"></span>
            </div>

            <div class="hot_nav">
                <div class="hot_nav_text">IT-互联网</div>
                <div>金融</div>
                <div>房地产-建筑</div>
                <div>教育培训</div>
                <div>娱乐传媒</div>
                <div>医疗健康</div>
                <div>法律咨询</div>
                <div>供应链-物流</div>
                <div>采购贸易</div>
            </div>


            <div class="hot_list">
                <div class="hot_item">
                    <div class="hot_detai1">
                        <div class="hot_left">
                            <div class="hot_name">
                                <div class="hot_name_pos">
                                    华为云中台产品经理
                                    <div class="hot_price">15-21k</div>
                                </div>
                            </div>
                            <div class="hot_note">
                                杭州
                                <div class="v-line"></div>
                                3-5年
                                <div class="v-line"></div>
                                本科
                                <div class="v-line"></div>
                            </div>
                        </div>
                    </div>

                    <div class="line"></div>
                    <div class="hot_company">
                        <img src="../images/华为.jpg" alt="">
                        <div class="hot_company_name">华为技术有限公司</div>
                        <div class="hot_company_new">
                            <div>计算机软件</div>
                            <div class="v-line"></div>
                            <div>不需要融资</div>
                        </div>

                    </div>
                </div>
                <div class="hot_item">
                    <div class="hot_detai1">
                        <div class="hot_left">
                            <div class="hot_name">
                                <div class="hot_name_pos">
                                    华为云中台产品经理
                                    <div class="hot_price">15-21k</div>
                                </div>
                            </div>
                            <div class="hot_note">
                                杭州
                                <div class="v-line"></div>
                                3-5年
                                <div class="v-line"></div>
                                本科
                                <div class="v-line"></div>
                            </div>
                        </div>
                    </div>

                    <div class="line"></div>
                    <div class="hot_company">
                        <img src="../images/华为.jpg" alt="">
                        <div> 华为技术有限公司</div>
                        <div class="hot_company_new">
                            <div>计算机软件</div>
                            <div class="v-line"></div>
                            <div>不需要融资</div>
                        </div>

                    </div>
                </div>
                <div class="hot_item">
                    <div class="hot_detai1">
                        <div class="hot_left">
                            <div class="hot_name">
                                <div class="hot_name_pos">
                                    华为云中台产品经理
                                    <div class="hot_price">15-21k</div>
                                </div>
                            </div>
                            <div class="hot_note">
                                杭州
                                <div class="v-line"></div>
                                3-5年
                                <div class="v-line"></div>
                                本科
                                <div class="v-line"></div>
                            </div>
                        </div>
                    </div>

                    <div class="line"></div>
                    <div class="hot_company">
                        <img src="../images/华为.jpg" alt="">
                        <div> 华为技术有限公司</div>
                        <div class="hot_company_new">
                            <div>计算机软件</div>
                            <div class="v-line"></div>
                            <div>不需要融资</div>
                        </div>

                    </div>
                </div>
                <div class="hot_item">
                    <div class="hot_detai1">
                        <div class="hot_left">
                            <div class="hot_name">
                                <div class="hot_name_pos">
                                    华为云中台产品经理
                                    <div class="hot_price">15-21k</div>
                                </div>
                            </div>
                            <div class="hot_note">
                                杭州
                                <div class="v-line"></div>
                                3-5年
                                <div class="v-line"></div>
                                本科
                                <div class="v-line"></div>
                            </div>
                        </div>
                    </div>

                    <div class="line"></div>
                    <div class="hot_company">
                        <img src="../images/华为.jpg" alt="">
                        <div> 华为技术有限公司</div>
                        <div class="hot_company_new">
                            <div>计算机软件</div>
                            <div class="v-line"></div>
                            <div>不需要融资</div>
                        </div>

                    </div>
                </div>
                <div class="hot_item">
                    <div class="hot_detai1">
                        <div class="hot_left">
                            <div class="hot_name">
                                <div class="hot_name_pos">
                                    华为云中台产品经理
                                    <div class="hot_price">15-21k</div>
                                </div>
                            </div>
                            <div class="hot_note">
                                杭州
                                <div class="v-line"></div>
                                3-5年
                                <div class="v-line"></div>
                                本科
                                <div class="v-line"></div>
                            </div>
                        </div>
                    </div>

                    <div class="line"></div>
                    <div class="hot_company">
                        <img src="../images/华为.jpg" alt="">
                        <div> 华为技术有限公司</div>
                        <div class="hot_company_new">
                            <div>计算机软件</div>
                            <div class="v-line"></div>
                            <div>不需要融资</div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="btn_hot_job"><button>查看更多</button></div>
        </div>


    </div>

    <br>

    <!--热门企业-->
    <div class="box_hot_firm">
        <div class="hot_firm_home">
            <div class="hot_job_title">
                <span class="line1"></span>
                <div>
                    <h4>热门企业</h4>
                </div>
                <span class="line1"></span>
            </div>

            <div class="hot_firm_list">
                <div class="firm_item">
                    <!--上半部分-->
                    <div class="firm_img">
                        <img src="../images/Bilibili.jpg" alt="">
                    </div>
                    <div class="firm_hot_title">
                        <h4>Bilibili</h4>
                    </div>
                    <div class="firm_text">
                        <div class="hot_note">
                            已上市
                            <div class="v-line"></div>
                            互联网
                        </div>
                    </div>
                    <div class="firm_hot_job">
                        <div>
                            <p><span>1977</span>个热招职位</p>
                        </div>
                    </div>
                </div>
                <div class="firm_item">
                    <!--上半部分-->
                    <div class="firm_img">
                        <img src="../images/好未来.png" alt="">
                    </div>
                    <div class="firm_hot_title">
                        <h4>好未来</h4>
                    </div>
                    <div class="firm_text">
                        <div class="hot_note">
                            已上市
                            <div class="v-line"></div>
                            互联网
                        </div>
                    </div>
                    <div class="firm_hot_job">
                        <div>
                            <p><span>1977</span>个热招职位</p>
                        </div>
                    </div>
                </div>
                <div class="firm_item">
                    <!--上半部分-->
                    <div class="firm_img">
                        <img src="../images/蚂蚁金服.jfif" alt="">
                    </div>
                    <div class="firm_hot_title">
                        <h4>蚂蚁金服</h4>
                    </div>
                    <div class="firm_text">
                        <div class="hot_note">
                            不需要融资
                            <div class="v-line"></div>
                            互联网
                        </div>
                    </div>
                    <div class="firm_hot_job">
                        <div>
                            <p><span>3034</span>个热招职位</p>
                        </div>
                    </div>
                </div>
                <div class="firm_item">
                    <!--上半部分-->
                    <div class="firm_img">
                        <img src="../images/Boss直聘.jpg" alt="">
                    </div>
                    <div class="firm_hot_title">
                        <h4>BOSS直聘</h4>
                    </div>
                    <div class="firm_text">
                        <div class="hot_note">
                            已上市
                            <div class="v-line"></div>
                            人力资源服务
                        </div>
                    </div>
                    <div class="firm_hot_job">
                        <div>
                            <p><span>4302</span>个热招职位</p>
                        </div>
                    </div>
                </div>
                <div class="firm_item">
                    <!--上半部分-->
                    <div class="firm_img">
                        <img src="../images/快手.jpg" alt="">
                    </div>
                    <div class="firm_hot_title">
                        <h4>快手</h4>
                    </div>
                    <div class="firm_text">
                        <div class="hot_note">
                            已上市
                            <div class="v-line"></div>
                            社交网络
                        </div>
                    </div>
                    <div class="firm_hot_job">
                        <div>
                            <p><span>4660</span>个热招职位</p>
                        </div>
                    </div>
                </div>
                <div class="firm_item">
                    <!--上半部分-->
                    <div class="firm_img">
                        <img src="../images/字节跳动.jfif" alt="">
                    </div>
                    <div class="firm_hot_title">
                        <h4>字节跳动</h4>
                    </div>
                    <div class="firm_text">
                        <div class="hot_note">
                            不需要融资
                            <div class="v-line"></div>
                            移动互联网
                        </div>
                    </div>
                    <div class="firm_hot_job">
                        <div>
                            <p><span>2585</span>个热招职位</p>
                        </div>
                    </div>
                </div>
                <div class="firm_item">
                    <!--上半部分-->
                    <div class="firm_img">
                        <img src="../images/百度.png" alt="">
                    </div>
                    <div class="firm_hot_title">
                        <h4>百度</h4>
                    </div>
                    <div class="firm_text">
                        <div class="hot_note">
                            已上市
                            <div class="v-line"></div>
                            互联网
                        </div>
                    </div>
                    <div class="firm_hot_job">
                        <div>
                            <p><span>8996</span>个热招职位</p>
                        </div>
                    </div>
                </div>
                <div class="firm_item">
                    <!--上半部分-->
                    <div class="firm_img">
                        <img src="../images/NIO蔚来.png" alt="">
                    </div>
                    <div class="firm_hot_title">
                        <h4>NIO蔚来</h4>
                    </div>
                    <div class="firm_text">
                        <div class="hot_note">
                            已上市
                            <div class="v-line"></div>
                            汽车生产
                        </div>
                    </div>
                    <div class="firm_hot_job">
                        <div>
                            <p><span>1970</span>个热招职位</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>

    <!--底部-->

    <br>

    <br>
    <br>
    <br>
    <br>
    <br>


</body>

</html>